.footer-wrap{
  height:39px;
  background:#fff;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  text-align:center;
  color:#5D656B;
  padding:5px 0 3px;
  font-size: 14px;
  border-top:1px solid #ddd;
  li{
    cursor:pointer;
  }
  .iconfont{
    &:last-of-type{
      display:none;
    }
  } 
  .active{
    color:@themeColor;
    .iconfont{
      display:inline-block;
      &:first-of-type{
        display:none;
      }
      &:last-of-type{
        display:inline-block;
        animation: change 0.4s;
        -moz-animation: change 0.4s;
        -webkit-animation: change 0.4s;
        -o-animation: change 0.4s;
      }
    }
  }
}
@keyframes change{
  from {opacity: 0.5;transform:scale(0.5);}
  to {opacity: 1;transform:scale(1);}
}
@-moz-keyframes change{
  from {opacity: 0.5;transform:scale(0.5);}
  to {opacity: 1;transform:scale(1);}
}
@-webkit-keyframes change{
  from {opacity: 0.5;transform:scale(0.5);}
  to {opacity: 1;transform:scale(1);}
}
@-o-keyframes change{
  from {opacity: 0.5;transform:scale(0.5);}
  to {opacity: 1;transform:scale(1);}
}
.mine-head{
  background: @themeColor;
  background-size: 100% auto;
  padding:0.4rem;
  margin:-1px 0 0.4rem;
  cursor: pointer;
  img{
    width:1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background:#fff;
  }
  .name{
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding:0.5rem 0 0 0.4rem;
  }
}
.mine-list{
  padding:0 0.2rem;
  background:#fff;
  margin:0 0 0.4rem;
  &.extra{
    position: relative;
    top: 44px;
  }
  li{
    line-height: 52px;
    border-bottom: 1px solid #ddd;
    &:last-of-type{
      border-bottom:0 none;
    }
    .iconfont{
      font-size: 20px;
      color: @themeColor;
      padding:0 10px 0 0;
      &.green{
        color: #add8b4;
      }
      &.green2{
        color: #4fa1a4;
      }
      &.orange{
        color: #f6a355;
      }
      &.purple{
        color: #b1bcd7;
      }
    }
    .icon-right{
      color: #959595;
      padding:0;
    }
  }
}
.exit{
  line-height: 52px;
  background:#fff;
  text-align: center;
}
.goods-box{
  background: #fff;
  .pic{
    width: 120px;
    height: 120px;
    margin-right:0.18rem;
    padding:3px 0;
    img{
      display: block;
      width: 100%;
    }
  }
  .txt{
    border-bottom:1px solid #ddd;
    padding:3px 0;
    position:relative;
    .tit{
      line-height: 21px;
      padding:8px 0.2rem 0 0;
      color: #333;
    }
    .price{
      color:#ff7202;
    }
    p{
      /*line-height: 22px;*/
      color: #888888;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow:ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      font-size:14px;
    }
  }
  &:first-of-type{
    .txt{
      border-top:1px solid #ddd;
    }
  }
}
.custom-wrap{
  background: #fff;
  padding:0 12px;
}
.custom-box{
  padding:0.3rem 0;
  border-bottom: 1px solid #ddd;
  &:last-of-type{
    border-bottom:0 none;
  }
  .pic{
    width: 1rem;
    height: 1rem;
    overflow:hidden;
    img{
      width: 100%;
    }
  }
  .txt{
    font-size: 14px;
    color: #888;
    padding:0 0 0 12px;
    .name{
      line-height: 1;
      font-size: 17px;
      color: #333;
      padding:0 0 0.2rem;
    }
  }
}
